.floatRight{
    float:right;
}
img.floatRight{
    margin-left:14px;
    clear:right;
}
.floatLeft{
    float:left;
}
img.floatLeft{
    margin-right:14px;
    clear:left;
}

a img { border:none; }
/** Give the reset some default values **/



 body {
    background:#fff;
    font-family: Arial,sans-serif;
    font-size: 12px;
    margin:10px 0;
  }


/** Sets up the Default layout **/

/* 
 * POLOPOLY SITE ENGINE *LAYOUT* MASTER TEMPLATE
 * ---------------------------------------------
 * This stylesheet contains basic layout for a 
 * Site Engine implementation.
 *
 * This document declares widths, relations, 
 * margins and paddings. See ui.css for "look and 
 * feel" declarations.
 * 
 * Refer to Site Engine documentation for further
 * explanation of the declared elements below.
 *
 * NOTE: rules beggining with an underscore (_)
 * are IE hacks and should remain as is.
 */
 

/* THE "SITE" CONTAINER */
.borderLayout {
    width: 100%;
}

/*** This CSS sets up the major three columns.  ***/
/*** Within the default page layout the id of the main column is set dynamically based on which columns are used. ***/
/*
#rightCol,#leftCol{
width:20%;
margin:8px 0px;
padding:5px;
}
*/

#mainFull {
clear:both;
}

#rightCol{
float:right;   
width:15% ;
}

#leftCol{
float:left;
width:15% 
}

#mainWithRight {
    float:left;
    width:83%;
}

#mainWithLeft {
    float:right;
    width:83%;
}

#mainWithBoth{
    width:67%;
}

.footer{clear:both;}

/*** end dynamic styling of the columns ***/

/* A MAIN GRID COLUMN */
.borderLayoutColumn {
    float: left;
}


/* TOP & SUB MENU */
.borderLayoutMastHead .menu.menuTop,
.menu.menuPage {
    overflow: hidden;
}
.borderLayoutMastHead .menu.menuTop LI,
.borderLayoutMastHead .menu.menuPage LI {
    float: left;
}

/* CONTAINER */
.container {
    clear:both;
}

/* NAVIGATION PATH ELEMENT */
.navpath {
}
.navpath LI {
    float: left;
}

/* twoColumns container layout */
.container.twoColumns .col1,
.container.twoColumns .col2 {
    width: 49%;
    float: left;

}
.container.twoColumnsLeftHeavy DIV.col1 {
    float: left;
    width: 62%;

}
.container.twoColumnsLeftHeavy DIV.col2 {
    float: left;
    width: 37%;

}
.container.twoColumnsRightHeavy DIV.col1 {
    float: left;
    width: 37%;

}
.container.twoColumnsRightHeavy DIV.col2 {
    float: left;
    width: 62%;

}


/* threeColumn container layout */
.container.threeColumns DIV.col1,
.container.threeColumns DIV.col2,
.container.threeColumns DIV.col3 {
    float: left;
    width: 33%;

}
.container.threeColumnsLeftHeavy DIV.col1 {
    float: left;
    width: 50%;

}
.container.threeColumnsLeftHeavy DIV.col2,
.container.threeColumnsLeftHeavy DIV.col3 {
    float: left;
    width: 25%;

}
.container.threeColumnsRightHeavy DIV.col3 {
    float: left;
    width: 50%;

}
.container.threeColumnsRightHeavy DIV.col1,
.container.threeColumnsRightHeavy DIV.col2 {
    float: left;
    width: 25%;

}
.container.threeColumnsCenterHeavy DIV.col2 {
    float: left;
    width: 50%;

}
.container.threeColumnsCenterHeavy DIV.col1,
.container.threeColumnsCenterHeavy DIV.col3 {
    float: left;
    width: 25%;

}

/* fourColumn container layout */
.container.fourColumns DIV.col1,
.container.fourColumns DIV.col2,
.container.fourColumns DIV.col3,
.container.fourColumns DIV.col4 {
    width: 25%;
    float: left;

}
/*
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
*/
.hide {
  display: none;
}

.clearit {
    clear:both; 
}